<script setup lang="ts"></script>

<template>
    <div :class="[$style.top, 'expand']">
        <div :class="[$style.logoName, 'center_flex']">Chart Disigner</div>
    </div>
</template>

<style module>
    .top {
        display: flex;
        background-color: var(--main-color);
        color: black;
        padding: 5px 10px;

    }

    .logoName {
        font-family: "Lemon", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        color: #515151;
    }
</style>